import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { HttpClientModule } from "@angular/common/http" //这里是HttpClient
import { NotificationsComponent } from './components/notifications/notifications.component';
import { SearchtrainingsComponent } from './components/searchtrainings/searchtrainings.component';
import { CurrenttrainingsComponent } from './components/currenttrainings/currenttrainings.component';
import { CompletedtrainingsComponent } from './components/completedtrainings/completedtrainings.component';
import { EditskillsComponent } from './components/editskills/editskills.component';
import { NavComponent } from './components/nav/nav.component';
import { LoginComponent } from './components/login/login.component';
import { RegisterComponent } from './components/register/register.component';
import { AccountComponent } from './components/account/account.component';
import { ApiService } from './service/api.service';
import { LoginService } from './service/login.Service';
import { MessageService } from './service/message.service';
import { AppRoutingModule } from './app-routing.module';
import { TechnologiesComponent } from './components/technologies/technologies.component';
import {ModalModule} from 'ngx-bootstrap/modal';
import {BsDropdownModule} from 'ngx-bootstrap/dropdown';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { TypeaheadModule } from 'ngx-bootstrap/typeahead';
import { ProgressbarModule } from 'ngx-bootstrap/progressbar';
import { SortableModule } from 'ngx-bootstrap/sortable';
import { AlertModule } from 'ngx-bootstrap/alert';
import { TooltipModule } from 'ngx-bootstrap/tooltip';
import { BsDatepickerModule } from 'ngx-bootstrap/datepicker';
import { CollapseModule } from 'ngx-bootstrap/collapse';
import { RatingModule } from 'ngx-bootstrap/rating';

@NgModule({
  declarations: [
    AppComponent,
    NotificationsComponent,
    SearchtrainingsComponent,
    CurrenttrainingsComponent,
    CompletedtrainingsComponent,
    EditskillsComponent,
    NavComponent,
    LoginComponent,
    RegisterComponent,
    AccountComponent,
    TechnologiesComponent
  ],
  imports: [
    HttpClientModule,
    BrowserModule,
    BrowserAnimationsModule,
    FormsModule,
    ReactiveFormsModule,
    AppRoutingModule,
    ModalModule.forRoot(),
    BsDropdownModule.forRoot(),
    TypeaheadModule.forRoot(),
    ProgressbarModule.forRoot(),
    SortableModule.forRoot(),
    AlertModule.forRoot(),
    BsDatepickerModule.forRoot(),
    TooltipModule.forRoot(),
    CollapseModule.forRoot(),
    RatingModule.forRoot()
  ],
  exports: [],
  entryComponents: [NavComponent],
  providers: [ApiService, LoginService, MessageService],
  bootstrap: [AppComponent],
})
export class AppModule { }
